/* Copyright (C) 2021 minglong@iscas.ac.cn
* 
* Apache License Version 2.0许可头：
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* 
*    http://www.apache.org/licenses/LICENSE-2.0
* 
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
<template>
    <el-row :gutter="24">
      <el-col :span="24" style="min-height:450px;">
        <div>
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="A 类捐赠人" name="class_a">
                <p>有权指派一名代表参加工作委员会，该代表具有提案权及投票权</p>
                <p>有权指派一名代表列席技术指导委员会</p>
                <p>有机会参与兼容性测试组工作</p>
                <p>对OpenHarmony项目群相关工作的批评建议和监督权</p>
                <p>有权参与OpenHarmony项目群组织的其他会议和活动</p>
                <p>有权获得OpenHarmony项目群刊物和技术资料</p>
                <p>有权获取OpenHarmony项目群兼容性测试指导</p>
                <p>有权在OpenHarmony项目群官网进行品牌展示</p>
            </el-tab-pane>
            <el-tab-pane label="A 类候选捐赠人" name="class_ab">
                <p>考察期结束后参加A类捐赠人竞选</p>
                <p>可提名一名代表列席工作委员会，有提案权</p>
                <p>有机会参与工作委员会、技术指导委员会、兼容性测试组之外的其他工作组</p>
                <p>有权参与OpenHarmony项目群组织的其他会议和活动</p>
                <p>有权获得OpenHarmony项目群刊物和技术资料</p>
                <p>有权获取OpenHarmony项目群兼容性测试指导</p>
                <p>有权在OpenHarmony项目群官网进行品牌展示</p>
            </el-tab-pane>
            <el-tab-pane label="B 类捐赠人" name="class_b">
                <p>可提名一名代表参与工作委员会B类捐赠人代表选举，当选的代表具有工作委员会提案权及投票权</p>
                <p>有机会参与工作委员会、技术指导委员会、兼容性测试组之外的其他工作组</p>
                <p>有权参与OpenHarmony项目群组织的其他会议和活动</p>
                <p>有权获得OpenHarmony项目群刊物和技术资料</p>
                <p>有权获取OpenHarmony项目群兼容性测试指导</p>
                <p>有权在OpenHarmony项目群官网进行品牌展示</p>
            </el-tab-pane>
            <el-tab-pane label="C 类捐赠人" name="class_c">
                <p>均有权参与本项目组织的除工作委员会、技术指导委员会、兼容性测试组、其他工作组之外的其他活动和会议</p>
                <p>有权获得OpenHarmony项目群刊物和技术资料</p>
                <p>有权获取OpenHarmony项目群兼容性测试指导</p>
                <p>有权在OpenHarmony项目群官网进行品牌展示</p>
            </el-tab-pane>
            <el-tab-pane label="特殊捐赠人" name="class_s">
                <p>特殊捐赠人权利和A类捐赠人相同</p>
            </el-tab-pane>
          </el-tabs>
        </div>
      </el-col>
      <h2 style="text-align:center">A 类捐赠人</h2>
      <el-col :span="24" style="min-height:200px;">
        <div>
          <el-row :gutter="24">
            <el-col :span="6">
              <div><img src="/images/members/PATEO.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
            <el-col :span="6">
              <div><img src="/images/members/HUAWEI.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
            <el-col :span="6">
              <div><img src="/images/members/JD_LOGO.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
            <el-col :span="6">
              <div><img src="/images/members/润和软件.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
            <el-col :span="6">
              <div><img src="/images/members/ECARX.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
            <el-col :span="6">
              <div><img src="/images/members/中软国际-logo.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
            <el-col :span="6">
              <div><img src="/images/members/midea.svg" style="height:70px;min-width:100%" /></div>
            </el-col>
          </el-row>
        </div>
      </el-col>
      <h2 style="text-align:center">特殊捐赠人</h2>
      <el-col :span="24" style="min-height:100px;">
        <div>
          <el-row :gutter="24">
            <el-col :span="6" :offset="9">
              <img src="/images/members/中科院软件研究所logo.svg" style="height:70px;min-width:100%" />
            </el-col>
          </el-row>
        </div>
      </el-col>
      <h2 style="text-align:center">A 类候选捐赠人</h2>
      <el-col :span="24" style="min-height:100px;">
        <div>
          <el-row :gutter="24">
            <el-col :span="6">
              <img src="/images/members/tuowei.png" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/仙翁科技-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/Droi.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/新大陆logo.svg" style="max-height:70px;max-width:100%" />
            </el-col>
          </el-row>
        </div>
      </el-col>
      <h2 style="text-align:center">B 类捐赠人</h2>
      <el-col :span="24" style="min-height:200px;">
        <div>
          <el-row :gutter="24">
            <el-col :span="6">
              <img src="/images/members/软通动力-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/东方创科-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/ThunderSoft-logo.png" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/urovo优博讯.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/证通电子logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/芯海国际logo.png" style="max-height:70px;max-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/深开鸿.svg" style="min-height:70px;max-width:100%" />
            </el-col>
          </el-row>
        </div>
      </el-col>
      <h2 style="text-align:center">C 类捐赠人</h2>
      <el-col :span="24" style="min-height:200px;">
        <div>
          <el-row :gutter="24">
            <el-col :span="6">
              <img src="/images/members/华秋-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/思必拓-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/东软-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/wanlihong-logo.svg" style="height:70px;min-width:100%" />
            </el-col>
            <el-col :span="6">
              <img src="/images/members/九联科技-logo1.svg" style="height:70px;min-width:100%" />
            </el-col>
          </el-row>
        </div>
      </el-col>
      <h2 style="text-align:center">学术机构和非盈利组织</h2>
      <el-col :span="24">
        <div>
          <el-row :gutter="24">
            <el-col :span="6" :offset="9">
              <img src="/images/members/中国信通院logo.svg" style="height:70px;min-width:100%" />
            </el-col>
          </el-row>
        </div>
      </el-col>
    </el-row>
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'class_a'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
